<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> 商品列表</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/plugins/summernote/summernote.css" rel="stylesheet">

    <link href="css/plugins/jquery-confirm/jquery-confirm.min.css" rel="stylesheet">
    <!--dropzone-->
    <link href="css/plugins/dropzone/dropzone.css" rel="stylesheet" type="text/css">

    <style>
        .dz-message {
            text-align: center;
            margin: 2em 0;
        }

        .oriImage {
            border-radius: 5px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }
    </style>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/core.js"></script>

    <!-- summernote -->
    <script src="js/plugins/summernote/summernote.min.js"></script>
    <script src="js/plugins/summernote/summernote-zh-CN.js"></script>
    <script src="js/demo/summernote-demo.js"></script>


</head>

<body class="gray-bg">
<!-- Modal -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">商品修改</h4>
            </div>
            <div class="modal-body">
                <div>
                    <div><h4 style="text-align: center">基本信息</h4></div>
                    <div>
                        <label>商品名称</label>
                        <input type="text" class="form-control" id="editModalGoodsName">
                    </div>
                    <div>
                        <label>商品标价<span style="color: red">(此处为标价，实际售价到规格库存管理中修改对应商品规格价,<a class=" btn btn-inline btn-sm dz-message drop-a" onclick="goModPrice()" style="font-size:14px;text-decoration:underline">点此更改实售价</a>)</span></label>
                        <input type="text" class="form-control" id="editModalMPrice">
                    </div>
                    <div>
                        <label>其他商场价格</label>
                        <input type="text" class="form-control" id="editModalOtherPrice">
                    </div>
                    <div>
                        <label>哆币返现比</label>
                        <input type="text" class="form-control" id="editModalReturnRate">
                    </div>
                    <div>
                        <label>雅币返现比</label>
                        <input type="text" class="form-control" id="editModalReturnRateY">
                    </div>

                    <div><h4 style="text-align: center">物流/其他</h4></div>
                    <div>
                        <label>邮费方案</label>
                        <select id="postage" name="postage" class="form-control">
                            <option value=""></option>
                            <!--<option value="1">江浙沪包邮</option>-->
                        </select>
                    </div>
                    <div>
                        <label>邮费增加（超重超大等）</label>
                        <input type="number" class="form-control" id="editModalOverDeliveryPostage">
                    </div>
                    <div>
                        <label>前端邮费显示名称</label>
                        <input type="text" class="form-control" id="editModalGtOnePostage">
                    </div>
                    <div class="form-group ">
                        <label>购买特权</label>
                        <div class="list-td">
                            <label>
                                <input class="rainbow_only" type="radio" name="rainbow_only"
                                       value="0" style="" checked="checked">全部会员可购买</label>
                            <label>
                                <input class="rainbow_only" type="radio" name="rainbow_only"
                                       value="1" style="">彩虹会员才能购买</label>
                        </div>
                    </div>
                    <div><h4 style="text-align: center">图片/视频</h4></div>
                    <div>
                        <label>原图主图</label>
                        <div id="origThumbPicDiv">
                            <div id="origThumbPic" style="background-color: #b4b4a4">
                                <!--<img src="">-->
                            </div>

                        </div>
                    </div>
                    <div>
                        <label>修改主图</label>
                        <div id="editThumbPic" data-url="" class="sku-url-div dropzone" name="file">
                            <div id="editThumbPic-pre" style="background-color: #b4b4a4"
                                 class="dropzone-previews drop-preview"></div>
                            <div class="dz-message needsclick">
                                点击或拖拽文件至此处上传商品主图<br>
                                <span class="note needsclick">（只有一张，不上传则不修改）</span>
                            </div>
                        </div>
                    </div>
                    <div>
                        <label>banner图原图</label>
                        <div id="origPicDiv">
                            <div id="origPic" style="background-color: #b4b4a4">
                                <!--<img src="">-->
                            </div>

                        </div>
                    </div>
                    <div>
                        <label>修改banner图</label>
                        <div id="editPic" data-url="" class="sku-url-div dropzone" name="file">
                            <div id="editPic-pre" style="background-color: #b4b4a4"
                                 class="dropzone-previews drop-preview"></div>
                            <div class="dz-message needsclick">
                                点击或拖拽文件至此处上传商品banner图<br>
                                <span class="note needsclick">（最多七张，不上传则不修改）</span>
                            </div>
                        </div>
                    </div>
                    <div><h4 style="text-align: center">详情/备注</h4></div>
                    <div>
                        <label>详情介绍</label>
                        <div class="page-container">
                            <div class="summernote" id="goodsIntroduce" name="goodsIntroduce"
                            ></div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="saveEditGoods()">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="cancelEditGoods()">取消
                </button>
            </div>
        </div>
    </div>
</div>

<div class="ibox-content">
    <div class="btn-group hidden-xs" id="GoodsToolbar" role="group">
        <button type="button" class="btn btn-outline btn-default" onclick="changeStatusBatch(1);">
            <i class="glyphicon glyphicon-plus" aria-hidden="true">发布</i>
        </button>
        <button type="button" class="btn btn-outline btn-default" onclick="changeStatusBatch(2);">
            <i class="glyphicon glyphicon-trash" aria-hidden="true">下架</i>
        </button>
        <div style="float: left;margin: 0 5px 0 25px">
            <span>产品线筛选:</span>
        </div>
        <div style="float: left">
            <select id="goodsType" name="" class="form-control">
                <option value="">全部</option>
                <option value="0" selected>蜜哆哆</option>
                <option value="1">蜜雅阁</option>
                <option value="2">品牌馆</option>
            </select>
        </div>
        <div style="float: left;margin: 0 5px 0 25px">
            <span>状态筛选:</span>
        </div>
        <div style="float: left">
            <select id="curStatus" name="" class="form-control">
                <option value="">全部</option>
                <option value="1">未发布</option>
                <option value="2">已上架</option>
                <option value="3">已下架</option>
            </select>
        </div>
        <div style="float: left;margin: 0 5px 0 25px">
            <span>分组筛选:</span>
        </div>
        <div style="float: left">
            <select id="curGroup" name="" class="form-control">
                <option value="">全部</option>
                <!--    <optgroup data-id="" label="">
                    </optgroup>
                    <optgroup label="Group 2">
                        <option>Option 2.1</option>
                        <option>Option 2.2</option>
                    </optgroup>-->
            </select>
        </div>
    </div>
    <h3 style="text-align: center">商品列表</h3>
    <table id="goods_list_table" data-toolbar="#GoodsToolbar">
    </table>
</div>

<!--dropzone-->
<script src="js/plugins/dropzone/dropzone.js"></script>
<!--bootstrap-table-->
<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!--alert-beautify-->
<script src="js/plugins/jquery-confirm/jquery-confirm.min.js"></script>
<!--自己加的美化alert、confirm配置-->
<script src="js/alert-beautify.js"></script>

<!-- 自定义js -->

<script src="js/goods_list.js"></script>
</body>
</html>
